@import 'public';
body{
    background:url(/images/lang_login_1.jpg) top center no-repeat;
}

/* 上边 */
#top{
    width: 1160px;
    height: 110px;
    margin: auto;
    #top_1{
        float: left;
        display: block;
        width: 154px;
        height: 110px;
    }
    a:nth-of-type(1) img{
        width: 100%;
        margin-top: 16px;
   }
   ul{
        float:right;
        height: 110px;
        line-height: 110px;
        a{
            font-size: 16px;
            color:#cdcdcd;
            margin-left: 40px;
        }
        :hover{
            text-decoration: underline;
            color:#fff;
        }
    }
}
// 顶部下边的那条线
 #top_2{
     width: 100%;
     height: 1px;
    background: #161618;
 }
// 标题
 p{
     font-size: 48px;
     color:#fff;
     text-align: center;
     margin-top: 66px;
 }

 /* 登陆框 */
 #top_3{
     width: 602px;
     height: 618px;
     background: #fff;
     margin: 0 auto 100px;
     box-sizing:border-box;
     box-shadow: 0px 350px 50px 1px #dddddd;
     /* box-shadow:水平偏移量  垂直偏移量  模糊度 扩展半径 颜色值；
    注：扩展半径：值越大扩展半径越大，允许设置负值。 */
    border-radius: 25px;
    text-align: center;
    h1{
        font-size: 22px;
        color:#999;
        padding-top: 46px;
        padding-bottom: 26px;
        a{
            color:#999;
         }
         :hover{
            color:#333;
            text-decoration: underline;
         }
    }
    #s_z_lan{
        width: 480px;
        height: 250px;
        margin: auto;
        overflow: hidden;

        /* 左边 */
        #s_lan{
            width: 480px;
            height: 250px;
            #inp_1{
                width: 480px;
                height: 56px;
                background: #cce8cf;
                font-size: 18px;
                border-radius: 28px;
                text-indent: 20px;
            }
            #inp_2{
                width: 300px;
                height: 56px;
                background: #cce8cf;
                margin-top:22px;
                font-size: 18px;
                border-radius: 28px;
                text-indent: 20px;
                float: left;
            }
            #a_1{
                display:inline-block;
                width: 160px;
                height: 56px;
                line-height: 56px;
                background: #8fc31f;
                color:#fff;
                margin-top:22px;
                margin-left: 20px;
                font-size: 18px;
                border-radius: 28px;
            }
            #a_1:hover{
                background: #cc4a4a;
            }
        }
        /* 右边 */
        #z_lan{
            width: 480px;
            height: 250px;
            margin-left: 480px;
            margin-top: -250px;
            #inp_1{
                width: 480px;
                height: 56px;
                background: #cce8cf;
                font-size: 18px;
                border-radius: 28px;
                text-indent: 20px;
            }
            #inp_2{
                width: 480px;
                height: 56px;
                background: #cce8cf;
                margin-top:22px;
                font-size: 18px;
                border-radius: 28px;
                text-indent: 20px;
                float: left;
            }
        }
    }
    #inp_3{
        margin-top: 22px;
        font-size: 14px;
    }
    #a_2{
        color:#999;
        margin-left: 34px;
    }
    #a_2:hover{
        text-decoration: underline;
        color:#cc4a4a;
    }
    #a_3{
        display:inline-block;
        width: 240px;;
        height: 56px;
        line-height: 56px;
        background: #ea5d4e;
        color:#fff;
        margin-top:22px;
        font-size: 24px;
        border-radius: 28px;
    }
    #a_3:hover{
        background: red;
    }
    #a_4{
        display: block;
        font-size: 18px;
        color:#ea5d4e;
        margin-top:28px;
        margin-bottom:10px;
        font-weight: 900;
    }
    #a_4:hover{
        text-decoration: underline;
    }
    #top_3_1{
        color:#999;
        font-size: 16px;
    }
    ul{
        width: 286px;
        height: 48px;
        margin:30px auto;
        display: flex;
        justify-content: space-between;
        a{
            display: inline-block;
            width: 48px;
            height: 48px;
        }
        a:nth-of-type(1){
            background: url(/images/lang_login_3.png) 0px 0px no-repeat;
        }
        a:nth-of-type(2){
            background: url(/images/lang_login_3.png) -48px 0px no-repeat;
        }
        a:nth-of-type(3){
            background: url(/images/lang_login_3.png) -96px 0px no-repeat;
        }
    }
    #a_5{
        display: inline-block;
        font-size: 14px;
        color:#999;
    }
    #a_5:hover{
        text-decoration: underline;
        color:red;
    }
}


